<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Integrated Online Ticketing and Reservation</title>
        <style type="text/css">
 body {
margin-left: 100px;
margin-top: 80px;
margin-right: 100px;
margin-bottom: 0px;

}               
        </style>
    </h:head>
    
    <h:body>
        <h:form>
        <p:breadCrumb>  
            <p:menuitem value="" url="index.xhtml" />
            <p:menuitem value="Table Booking" url="TableBooking.xhtml" />  
            <p:menuitem value="Non-Deliverable Meal Purchase" url="MealPurchase.xhtml" />  
            <p:menuitem value="Deliverable Meal Purchase" url="deliverableMealPurchase.xhtml" />  
                        <p:menuitem value="Group Buying Item" url="GroupBuying.xhtml"/> 

        </p:breadCrumb>  
        </h:form>
        <br/><br/>
        <h:outputText id="status" value="#{tableBookingMB.status}" style="font-weight:bold;font-size: large;font-family: Arial" />
        <br/><br/>
        <h:form id ="form2" style="background-color:#EEF3E2">
            <br/><br/><b>Key in the Reseravation ID that you want to cancel: </b>
            <h:inputText id="cancelID" value="#{tableBookingMB.reservationID}"  style="color: Yellow; background: Teal"/> 
            <h:commandButton value="Cencel Reservation">
                <f:ajax execute="cancelID" render="cancelMessage"/>
            </h:commandButton>
            <br/><br/><br/>
            <h:outputText id="cancelMessage" value="#{tableBookingMB.cancelMessage}" style="font-weight:bold"/>
        </h:form>
        
        <br/><br/>

        
    </h:body>
    
</html>

